<div id="navbar1" class="navbar1 clearfix">
	<div class="site-wrap2 clearfix bigger">
		<div class="user-top-box clearfix">
			<div class="box-info pull-left">
				<div class="box-avatar pull-left">
					{if $u.user_id==$ocUser.user_id}
					<div class="tool-hide">
						<a href="{'user/avatar'|l}"><i class="icon-edit"></i></a>
					</div>
					{/if}
					<img src="{$u.user_avatar|thumb:'crop124x124'}" />
				</div>
				<div class="user-info pull-left">
					<div class="nickname"><a href="#">{$u.user_fullname}</a>{*<br /><span><i>Gunner</i></span>*}</div>
					{if $u.user_id!=$ocUser.user_id}
					<a class="btn-follow btn-relative btn-user-follow {if !$isFollow}checked{/if}" user-id={$u.user_id} href="javascript:void(0)"><i class="icon-ok"></i> <span class="txt-follow">Dõi theo</span><span class="txt-unfollow">Ngừng dõi theo</span></a>
					{/if}
				</div>
			</div>
			<div class="box-fav pull-right">
				<div class="title-box">
					<h3>Biểu đồ lĩnh vực bạn quan tâm <a href="#" rel="clickover" class="cli-info pull-right" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Create a Generic group" data-original-title="Create a Generic group"><i class="icon-info-sign"></i></a></h3>
				</div>
				<div class="in-hover">
					<div class="box-color" style="background-color:#F00"><span>20% phim ảnh</span></div>
				</div>
				<div class="percent-bloc">
					<div class="bloc-1 b-2h active" style="width:20%; background-color:#F00"><a href="javascript:void(0)"></a></div>
					<div class="bloc-3" style="width:15%; background-color:#CC3"></div>
					<div class="bloc-4" style="width:5%; background-color:#F66"></div>
					<div class="bloc-5" style="width:30%; background-color:#6CC"></div>
					<div class="bloc-6" style="width:12%; background-color:#CF9"></div>
					<div class="bloc-7" style="width:8%; background-color:#C6C"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="category-in-up clearfix">
		<div class="site-wrap3 clearfix">
			<ul class="my-tablist clearfix">
				<li class="active"><a href="#"><i>5</i><span>Quan tâm</span></a></li>
				<li><a href="#"><i>5</i><span>Lĩnh vực</span></a></li>
				<li><a href="#"><i>5</i><span>Bình luận</span></a></li>
				<li><a href="#"><i>5</i><span>Lịch sử</span></a></li>
				<li><a href="#"><i>5</i><span>Theo dõi</span></a></li>
				<li><a href="#"><i>5</i><span>Được theo dõi</span></a></li>
				<li><a href="#"><i>5</i><span>Thích</span></a></li>
				<li><a href="#"><i>5</i><span>Kênh</span></a></li>
			</ul>
		</div>
	</div>
	<div class="category">
		<div class="site-wrap3">
			<p class="info-cate">Tất cả các lĩnh vực mà bạn quan tâm</p>
		</div>
	</div>
</div>
<!--/ toolbar-->

{include file="homepage.tpl"}